﻿@model MvcApplication1.Models.User.LogIn

@{
    ViewBag.Title = "Login";
}

<html lang="en">
  <head>
      <title>Login Page</title>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<link href="~/CSS/bootstrap.css" rel="stylesheet" />

<style type="text/css">
    body {
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #f5f5f5;
    }

    .form-signin {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
        box-shadow: 0 1px 2px rgba(0,0,0,.05);
    }

        .form-signin .form-signin-heading,
        .form-signin .checkbox {
            margin-bottom: 10px;
        }

        .form-signin input[type="text"],
        .form-signin input[type="password"] {
            font-size: 16px;
            height: auto;
            margin-bottom: 15px;
            padding: 7px 9px;
        }
</style>
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="http://getbootstrap.com/2.3.2/assets/ico/favicon.png">
      </head>
          <body>

              <div class="container">
                  @using (Html.BeginForm(null, null, FormMethod.Post, new { @class = "form-signin" }))
                    
                    {
                      <h2 class="form-signin-heading">Please sign in</h2>
                      @Html.TextBoxFor(a => a.UserName, new { @class = "input-block-level", @placeholder = "Email address" })
                      @Html.PasswordFor(a => a.Password, new { @class = "input-block-level", @placeholder = "Password" })
                      @Html.ValidationSummary()
                      <label class="checkbox">
                          @Html.CheckBoxFor(a => a.rememberMe) Remember Me
                      </label>
                      <input input class="btn btn-large btn-primary" type="submit" />
                    
                  
                  }
              </div> <!-- /container -->
              <!-- Le javascript
            ================================================== -->
              <!-- Placed at the end of the document so the pages load faster -->
              <script src="http://getbootstrap.com/2.3.2/assets/js/jquery.js"></script>
              <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-transition.js"></script>
              <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-alert.js"></script>
              <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-modal.js"></script>
              <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script>
              <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-scrollspy.js"></script>
              <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script>
              <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tooltip.js"></script>
              <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-popover.js"></script>
              <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-button.js"></script>
              <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-collapse.js"></script>
              <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-carousel.js"></script>
              <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-typeahead.js"></script>

          </body>
          
</html>